//折线图1
(function(){
	//实例化对象
	var myChart=echarts.init(document.querySelector('.line-one .chart'));
	//指定配置
	var option = {
	color:['#00f2f1','#ed3f35','#FFF','pink','green','#ffaa00','#ffaa7f','#ff557f'],
    tooltip: {
        trigger: 'axis'
    },
    legend: {
         data: ['棚内', '皮带','产界','道路','环保局','县政府','小型空气站','12小时','15天','月'],
        textStyle:{
        	//修改图例文字颜色
        	color:"#4c9bfd"
        },
        right:"10%",
		icon: "circle",
    },
    grid: {
    	top:'20%',
        left: '3%',
        right: '10%',
        bottom: '3%',
        show:false,
        borderColor:'#012f4a',//边框颜色
        containLabel: true
    },
    xAxis: {
        type: 'category',
        boundaryGap: false,
		show:true,
        data: ['00', '01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11','12','13','14','15','16','17','18',
		'19','20','21','22','23','24'],
        axisTick:{
        	//去掉刻度线
        	show:false
        },
        axisLabel:{
        	color:'#4c9bfd'
        },
        axisLine:{
        	//去除轴线
        	show:false
        }
    },
    yAxis: {
        type: 'value',
		show:true,
          axisTick:{
        	//去掉刻度线
        	show:false
        },
        axisLabel:{
        	color:'#4c9bfd'
        },
        axisLine:{
        	//去除轴线
        	show:false
        },
        splitLine:{
		 //坐标轴在 grid 区域中的分隔线。	
			show:false
        }
    },
    series: [
        {
            name: '棚内',
            type: 'line',
            stack: '总量',
            smooth:true,
            data: [24,40,101,134,90,230,210,230,120,230,210,120]
        },
        {
            name: '皮带',
            type: 'line',
            stack: '总量',
            //修改折线图的线条显示带有弧度
            smooth:true,
            data: [40,64,191,324,290,330,310,213,180,200,180,79]
        },
		{
		    name: '产界',
		    type: 'line',
		    stack: '总量',
		    smooth:true,
		    data: [24,40,101,134,90,230,210,230,120,230,210,120]
		},
		{
		    name: '道路',
		    type: 'line',
		    stack: '总量',
		    smooth:true,
		    data: [24,40,101,134,90,230,210,230,120,230,210,120]
		},
		{
		    name: '环保局',
		    type: 'line',
		    stack: '总量',
		    smooth:true,
		    data: [24,40,101,134,90,230,210,230,120,230,210,120]
		},
		{
		    name: '县政府',
		    type: 'line',
		    stack: '总量',
		    smooth:true,
		    data: [24,40,101,134,90,230,210,230,120,230,210,120]
		},
		{
		    name: '小型空气站',
		    type: 'line',
		    stack: '总量',
		    smooth:true,
		    data: [24,40,101,134,90,230,210,230,120,230,210,120]
		},
		{
		    name: '12小时',
		    type: 'line',
		    stack: '总量',
		    smooth:true,
		    data: [24,40,101,134,90,230,210,230,120,230,210,120]
		},
		{
		    name: '15天',
		    type: 'line',
		    stack: '总量',
		    smooth:true,
		    data: [24,40,101,134,90,230,210,230,120,230,210,120]
		},
		{
		    name: '月',
		    type: 'line',
		    stack: '总量',
		    smooth:true,
		    data: [24,40,101,134,90,230,210,230,120,230,210,120]
		}
    ]
};
	//吧配置给实例对象 
	myChart.setOption(option);
})();
//折线图2
(function(){
	
	var myChart=echarts.init(document.querySelector('.line-two .chart'));
		var  option = {
	
	    tooltip: {
	        trigger: 'axis',
	    },
	    legend: {
	        data: ['邮件营销', '联盟广告'],
	        top:"0%",
	        textStyle:{
	        	color:"rgba(255,25,215,5)",
	        	fontSize:"12",
				}
				
				
	    },
	    grid: {
	    	top:"30",
	        left: '10',
	        right: '10',
	        bottom: '10',
	        containLabel: true
	    },
	    xAxis: [
	        {
	            type: 'category',
	            boundaryGap: false,
	            data: ["01","02","03","04","05","06","07","08","09","10","11",
	            "12","13","14","15","16","17","18","19","20","21","22","23","24","25",
	            "26","27","28","29","30"],
	            axisLabel:{
	            	textStyle:{
	            		color:'#4c9bfd',
	            		fontSize:"12"
	            	},
	            },
	            axisLine:{
	            	//修改X轴的轴线颜色
	            	lineStyle:{
	            		color:"rgba(255,255,255,.2)"
	            	},
					show:false
	            }
	        }
	    ],
	    yAxis: [
	        {
	            type: 'value',
	            //不显示刻度标签
	            axisTick:{
	            	show:false
	            },
	            axisLine:{
	            	lineStyle:{
	            		color:"rgba(255,25,255,6)"
	            	},
					show:false
	            },
	            axisLabel:{
	            	textStyle:{
	            		color:'#4c9bfd',
	            		fontSize:12
	            	},
					color:'#4c9bfd'
	            },
	            //修改分割线颜色
	            splitLine:{
	            	lineStyle:{
	            		color:"'#4c9bfd'"
	            	},
					show:false
	            }
	        }
	    ],
	    series: [
	        {
	            name: '邮件营销',
	            type: 'line',
	            smooth:true,
	            lineStyle:{
	            	color:"#0124d5",
	            	width:2
	            },
	            //填充颜色设置
	            areaStyle: {
	            	color:new echarts.graphic.LinearGradient(
	            		0,
	            		0,
	            		0,
	            		1,
	            		[
	            		{
	            			offset:0,
	            			color:"rgba(1,22,213,0.4)"//渐变色的起始颜色
	            		},
	            		{
	            			offset:0.8,
	            			color:"rgba(1,12,213,0.1)"//渐变色的结束颜色
	            		}
	            		],
	            		false
	            	),
	            	shadowColor:"rgba(0,0,0,0.1)"
	            },
	            //设置拐点
	            symbol:'circle',
	            //设置拐点大小
	            symbolSize:5,
	            //开始不显示拐点，鼠标经过再显示
	            showSymbol:false,
	            //设置拐点颜色以及边框
	            itemStyle:{
	            	color:"#012f4a",
	            	borderColor:"rgba(221,220,107,0.1)",
	            	borderWidth:12
	            },
	            data: [30,40,30,40,30,40,30,60,20,40,30,40,30,40,30,40,30,60,30,20,40,50,60,70,50,60,68,40,30,30]
	        },
	        {
	            name: '联盟广告',
	            type: 'line',
	            smooth:true,
	            //单独修改当前线条的颜色
	            lineStyle:{
	            	color:"#0184d5",
	            	width:2
	            },
	            //填充颜色设置
	            areaStyle: {
	            	color:new echarts.graphic.LinearGradient(
	            		0,
	            		0,
	            		0,
	            		1,
	            		[
	            		{
	            			offset:0,
	            			color:"rgba(1,132,213,0.4)"//渐变色的起始颜色
	            		},
	            		{
	            			offset:0.8,
	            			color:"rgba(1,132,213,0.1)"//渐变色的结束颜色
	            		}
	            		],
	            		false
	            	),
	            	shadowColor:"rgba(0,0,0,0.1)"
	            },
	            //设置拐点
	            symbol:'circle',
	            //设置拐点大小
	            symbolSize:5,
	            //开始不显示拐点，鼠标经过再显示
	            showSymbol:false,
	            //设置拐点颜色以及边框
	            itemStyle:{
	            	color:"#0184d5",
	            	borderColor:"rgba(221,220,107,0.1)",
	            	borderWidth:12
	            },
	           data: [130,140,80,90,100,120,70,20,120,140,102,85,90,95,97,94,87,120,94,130,124,99,98,78,76,64,68,131,140,99]
	        },
	       
	    ]
	};
		myChart.setOption(option); 
})();
//折线图3
(function(){
    //实例化对象
	var myChart=echarts.init(document.querySelector('.line-1 .chart1'));
var  option = {

    tooltip: {
        trigger: 'axis',
    },
    legend: {
        data: ['棚内', '皮带','产界','道路','环保局','县政府','小型空气站','12小时','15天','月'],
		 icon: "circle",
        top:"0%",
		left:"37%",
        textStyle:{
        	color:"rgba(255, 255, 255, 1)",
        	fontSize:"14"
        }
    },
    grid: {
    	top:"50",
        left: '10',
        right: '10',
        bottom: '10',
        containLabel: true
    },
    xAxis: [
        {
            type: 'category',
            boundaryGap: false,
            data: ["00","01","02","03","04","05","06","07","08","09","10","11",
            "12","13","14","15","16","17","18","19","20","21","22","23","24","(h)"],
            axisLabel:{
            	textStyle:{
            		color:"rgba(125, 166, 239, 1)",
            		fontSize:12
            	}
            },
			
            axisLine:{
            	//去除轴线
            	show:false
            },
            axisTick:{//坐标轴刻度相关设置。
            	show: false,
            },
            splitLine: { //坐标轴在 grid 区域中的分隔线。
            	show: false,
            },
        }
    ],
    yAxis: [
        {
            type: 'value',
            //不显示刻度标签
            axisTick:{
            	show:false
            },
			boundaryGap: ['20%', '20%'],
            axisLine:{
				show:false
			},
            axisLabel:{
            	textStyle:{
            		color:"rgba(125, 166, 239, 1)",
            		fontSize:12
            	}
            },
            //修改分割线颜色
            splitLine:{
            	lineStyle:{
            		color:"rgba(255,255,255,0.2)"
            	},
				show:false
            }
        }
    ],
    series: [
        {
            name: '2#转炉二次烟气',
            type: 'line',
            // smooth:true,
            lineStyle:{
            	color:"rgba(20, 179, 254, 1)",
            	width:2
            },
            //填充颜色设置
            areaStyle: {
            	color:new echarts.graphic.LinearGradient(
            		0,
            		0,
            		0,
            		1,
            		[
            		{
            			offset:0,
            			color:"rgba(1,22,213,0.4)"//渐变色的起始颜色
            		},
            		{
            			offset:0.8,
            			color:"rgba(1,12,213,0.1)"//渐变色的结束颜色
            		}
            		],
            		false
            	),
            	shadowColor:"rgba(0,0,0,0.1)"
            },
            //设置拐点
            symbol:'circle',
            //设置拐点大小
            symbolSize:5,
            //开始不显示拐点，鼠标经过再显示
            showSymbol:false,
            //设置拐点颜色以及边框
            itemStyle:{
            	color:"rgba(0, 129, 255, 1)",
            	borderColor:"rgba(221,220,107,0.1)",
            	borderWidth:12
            },
            data: [0.18,0.14,0.7,0.16,0.13,0.08,0.09,0.12,0.18,0.04,0.17,0.16,0.03,0.3,0.18,0.9,0.12,0.18,0.14,0.11,0.07,0.17,0.15,0.12,0.08]
        },
        {
            name: '1#高炉出铁场',
            type: 'line',
            // smooth:true,
            //单独修改当前线条的颜色
            lineStyle:{
            	color:"#0184d5",
            	width:2
            },
            //填充颜色设置
            areaStyle: {
            	color:new echarts.graphic.LinearGradient(
            		0,
            		0,
            		0,
            		1,
            		[
            		{
            			offset:0,
            			color:"rgba(1,132,213,0.4)"//渐变色的起始颜色
            		},
            		{
            			offset:0.8,
            			color:"rgba(1,132,213,0.1)"//渐变色的结束颜色
            		}
            		],
            		false
            	),
            	shadowColor:"rgba(0,0,0,0.1)"
            },
            //设置拐点
            symbol:'circle',
            //设置拐点大小
            symbolSize:7,
            //开始不显示拐点，鼠标经过再显示
            showSymbol:false,
            //设置拐点颜色以及边框
            itemStyle:{
            	color:"rgba(189, 64, 241, 1)",
            	borderColor:"rgba(221,220,107,0.1)",
            	borderWidth:12
            },
           data: [0.03,0.08,0.09,0.12,0.18,0.04,0.07,0.16,0.03,0.08,0.09,0.12,0.18,0.04,0.07,0.16,0.03,0.08,0.09,0.12,0.18,0.04,0.07,0.16,0.03]
        },
       {
           name: '发电燃气炉',
           type: 'line',
           // smooth:true,
           //单独修改当前线条的颜色
           lineStyle:{
           	color:"#0184d5",
           	width:2
           },
           //填充颜色设置
           areaStyle: {
           	color:new echarts.graphic.LinearGradient(
           		0,
           		0,
           		0,
           		1,
           		[
           		{
           			offset:0,
           			color:"rgba(1,132,213,0.4)"//渐变色的起始颜色
           		},
           		{
           			offset:0.8,
           			color:"rgba(1,132,213,0.1)"//渐变色的结束颜色
           		}
           		],
           		false
           	),
           	shadowColor:"rgba(0,0,0,0.1)"
           },
           //设置拐点
           symbol:'circle',
           //设置拐点大小
           symbolSize:7,
           //开始不显示拐点，鼠标经过再显示
           showSymbol:false,
           //设置拐点颜色以及边框
           itemStyle:{
           	color:"rgba(123, 123, 123, 1)",
           	borderColor:"rgba(221,220,107,0.1)",
           	borderWidth:12
           },
          data: [0.03,0.08,0.09,0.12,0.18,0.04,0.07,0.16,0.03,0.08,0.09,0.12,0.18,0.04,0.07,0.16,0.03,0.08,0.09,0.12,0.18,0.04,0.07,0.16,0.03]
       },
	   {
	       name: '1#高炉矿厂',
	       type: 'line',
	       // smooth:true,
	       //单独修改当前线条的颜色
	       lineStyle:{
	       	color:"#0184d5",
	       	width:2
	       },
	       //填充颜色设置
	       areaStyle: {
	       	color:new echarts.graphic.LinearGradient(
	       		0,
	       		0,
	       		0,
	       		1,
	       		[
	       		{
	       			offset:0,
	       			color:"rgba(1,132,213,0.4)"//渐变色的起始颜色
	       		},
	       		{
	       			offset:0.8,
	       			color:"rgba(1,132,213,0.1)"//渐变色的结束颜色
	       		}
	       		],
	       		false
	       	),
	       	shadowColor:"rgba(0,0,0,0.1)"
	       },
	       //设置拐点
	       symbol:'circle',
	       //设置拐点大小
	       symbolSize:7,
	       //开始不显示拐点，鼠标经过再显示
	       showSymbol:false,
	       //设置拐点颜色以及边框
	       itemStyle:{
	       	color:"rgba(123, 123, 123, 1)",
	       	borderColor:"rgba(221,220,107,0.1)",
	       	borderWidth:12
	       },
	      data: [0.03,0.08,0.09,0.12,0.18,0.04,0.07,0.16,0.03,0.08,0.09,0.12,0.18,0.04,0.07,0.16,0.03,0.08,0.09,0.12,0.18,0.04,0.07,0.16,0.03]
	   },
	   {
	       name: '256m然结机尾',
	       type: 'line',
	       // smooth:true,
	       //单独修改当前线条的颜色
	       lineStyle:{
	       	color:"#0184d5",
	       	width:2
	       },
	       //填充颜色设置
	       areaStyle: {
	       	color:new echarts.graphic.LinearGradient(
	       		0,
	       		0,
	       		0,
	       		1,
	       		[
	       		{
	       			offset:0,
	       			color:"rgba(1,132,213,0.4)"//渐变色的起始颜色
	       		},
	       		{
	       			offset:0.8,
	       			color:"rgba(1,132,213,0.1)"//渐变色的结束颜色
	       		}
	       		],
	       		false
	       	),
	       	shadowColor:"rgba(0,0,0,0.1)"
	       },
	       //设置拐点
	       symbol:'circle',
	       //设置拐点大小
	       symbolSize:7,
	       //开始不显示拐点，鼠标经过再显示
	       showSymbol:false,
	       //设置拐点颜色以及边框
	       itemStyle:{
	       	color:"rgba(123, 123, 123, 1)",
	       	borderColor:"rgba(221,220,107,0.1)",
	       	borderWidth:12
	       },
	      data: [0.03,0.08,0.09,0.12,0.18,0.04,0.07,0.16,0.03,0.08,0.09,0.12,0.18,0.04,0.07,0.16,0.03,0.08,0.09,0.12,0.18,0.04,0.07,0.16,0.03]
	   },
	   {
	       name: '256m然结机尾',
	       type: 'line',
	       // smooth:true,
	       //单独修改当前线条的颜色
	       lineStyle:{
	       	color:"rgba(123, 123, 123, 1)",
	       	width:2
	       },
	       //填充颜色设置
	       areaStyle: {
	       	color:new echarts.graphic.LinearGradient(
	       		0,
	       		0,
	       		0,
	       		1,
	       		[
	       		{
	       			offset:0,
	       			color:"rgba(1,132,213,0.4)"//渐变色的起始颜色
	       		},
	       		{
	       			offset:0.8,
	       			color:"rgba(1,132,213,0.1)"//渐变色的结束颜色
	       		}
	       		],
	       		false
	       	),
	       	shadowColor:"rgba(0,0,0,0.1)"
	       },
	       //设置拐点
	       symbol:'circle',
	       //设置拐点大小
	       symbolSize:7,
	       //开始不显示拐点，鼠标经过再显示
	       showSymbol:false,
	       //设置拐点颜色以及边框
	       itemStyle:{
	       	color:"rgba(123, 123, 123, 1)",
	       	borderColor:"rgba(221,220,107,0.1)",
	       	borderWidth:12
	       },
	      data: [0.03,0.08,0.09,0.12,0.18,0.04,0.07,0.16,0.03,0.08,0.09,0.12,0.18,0.04,0.07,0.16,0.03,0.08,0.09,0.12,0.18,0.04,0.07,0.16,0.03]
	   },
	   {
	       name: '发电燃气炉备份',
	       type: 'line',
	       // smooth:true,
	       //单独修改当前线条的颜色
	       lineStyle:{
	       	color:"#0184d5",
	       	width:2
	       },
	       //填充颜色设置
	       areaStyle: {
	       	color:new echarts.graphic.LinearGradient(
	       		0,
	       		0,
	       		0,
	       		1,
	       		[
	       		{
	       			offset:0,
	       			color:"rgba(1,132,213,0.4)"//渐变色的起始颜色
	       		},
	       		{
	       			offset:0.8,
	       			color:"rgba(1,132,213,0.1)"//渐变色的结束颜色
	       		}
	       		],
	       		false
	       	),
	       	shadowColor:"rgba(0,0,0,0.1)"
	       },
	       //设置拐点
	       symbol:'circle',
	       //设置拐点大小
	       symbolSize:7,
	       //开始不显示拐点，鼠标经过再显示
	       showSymbol:false,
	       //设置拐点颜色以及边框
	       itemStyle:{
	       	color:"rgba(123, 123, 123, 1)",
	       	borderColor:"rgba(221,220,107,0.1)",
	       	borderWidth:12
	       },
	      data: [0.03,0.08,0.09,0.12,0.18,0.04,0.07,0.16,0.03,0.08,0.09,0.12,0.18,0.04,0.07,0.16,0.03,0.08,0.09,0.12,0.18,0.04,0.07,0.16,0.03]
	   },
	   {
	       name: '1#高炉矿厂备份',
	       type: 'line',
	       // smooth:true,
	       //单独修改当前线条的颜色
	       lineStyle:{
	       	color:"#0184d5",
	       	width:2
	       },
	       //填充颜色设置
	       areaStyle: {
	       	color:new echarts.graphic.LinearGradient(
	       		0,
	       		0,
	       		0,
	       		1,
	       		[
	       		{
	       			offset:0,
	       			color:"rgba(1,132,213,0.4)"//渐变色的起始颜色
	       		},
	       		{
	       			offset:0.8,
	       			color:"rgba(1,132,213,0.1)"//渐变色的结束颜色
	       		}
	       		],
	       		false
	       	),
	       	shadowColor:"rgba(0,0,0,0.1)"
	       },
	       //设置拐点
	       symbol:'circle',
	       //设置拐点大小
	       symbolSize:7,
	       //开始不显示拐点，鼠标经过再显示
	       showSymbol:false,
	       //设置拐点颜色以及边框
	       itemStyle:{
	       	color:"rgba(123, 123, 123, 1)",
	       	borderColor:"rgba(221,220,107,0.1)",
	       	borderWidth:12
	       },
	      data: [0.03,0.08,0.09,0.12,0.18,0.04,0.07,0.16,0.03,0.08,0.09,0.12,0.18,0.04,0.07,0.16,0.03,0.08,0.09,0.12,0.18,0.04,0.07,0.16,0.03]
	   },
	   {
	       name: '256m然结机尾备份',
	       type: 'line',
	       // smooth:true,
	       //单独修改当前线条的颜色
	       lineStyle:{
	       	color:"#0184d5",
	       	width:2
	       },
	       //填充颜色设置
	       areaStyle: {
	       	color:new echarts.graphic.LinearGradient(
	       		0,
	       		0,
	       		0,
	       		1,
	       		[
	       		{
	       			offset:0,
	       			color:"rgba(1,132,213,0.4)"//渐变色的起始颜色
	       		},
	       		{
	       			offset:0.8,
	       			color:"rgba(1,132,213,0.1)"//渐变色的结束颜色
	       		}
	       		],
	       		false
	       	),
	       	shadowColor:"rgba(0,0,0,0.1)"
	       },
	       //设置拐点
	       symbol:'circle',
	       //设置拐点大小
	       symbolSize:7,
	       //开始不显示拐点，鼠标经过再显示
	       showSymbol:false,
	       //设置拐点颜色以及边框
	       itemStyle:{
	       	color:"rgba(123, 123, 123, 1)",
	       	borderColor:"rgba(221,220,107,0.1)",
	       	borderWidth:12
	       },
	      data: [0.03,0.08,0.09,0.12,0.18,0.04,0.07,0.16,0.03,0.08,0.09,0.12,0.18,0.04,0.07,0.16,0.03,0.08,0.09,0.12,0.18,0.04,0.07,0.16,0.03]
	   },
    ]
};
			//把配置项给实例对象
	myChart.setOption(option);
	

})();

